<template>
    <div class="container">
        <img src="../../images/left.jpg" alt="" :class="show ? 'show':'none'" >
        <div class="text">{{text}}</div>
        <div class="border"> </div>
    </div>
</template>
<script>
export default {
    data(){
        return{
            show:true,
            text:"支付结果"
        }
    }
    
}
</script>
<style lang="less" >
.container{
    position: fixed;
    left: 0;
    top: 0;
    width:7.49rem;
    height:1.26rem;
    background:rgba(255,255,255,1);
    .show{
        display: block;
        position: absolute;
        width:.18rem;
        height:.32rem;
        left:.24rem ;
        bottom: .27rem;
    }
    .none{
        display: none;
    }
    .text{
        position: absolute;
        display: block;
        left: 3.04rem;
        bottom: .25rem;
        height:.36rem;
        line-height: .36rem;
        font-size:.37rem;
        font-family:PingFang-SC-Light;
        font-weight:bold;
        color:rgba(0,0,0,1);

    }
    .border{
        position: absolute;
        bottom: 0;
        width:7.5rem;
        height:.01rem;
        background:rgba(0, 0, 0, 1);
        opacity:0.09;
    }


}
    

</style>
